.M-index-swiper {
  overflow: hidden;
  width: 100%;
  background: #fff;
}
.M-index-swiper img {
  width: 100%;
}
.swiper-a {
  display: block;
  width: 100%;
  height: 85px;
  line-height: 85px;
  text-align: center;
  font-size: 23px;
}
.swiper_a_border {
  color: #ff6767;
}
.M-carousel {
  width: 100%;
  overflow: hidden;
  position: relative;
  font-size: 0;
}
.M-carousel div {
  width: 100%;
}
.M-carousel div img {
  width: 100%;
}
.M-hot {
  display: block;
  overflow: hidden;
  height: 1054px;
  width: 100%;
  background: #fff;
  position: relative;
}
.M-hot > div:nth-of-type(1) img {
  width: 100%;
}
.M-hot > div:nth-of-type(2) {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.M-hot > div:nth-of-type(2) > div:nth-of-type(1) {
  height: 88px;
  padding-top: 120px;
  position: relative;
}
.M-hot > div:nth-of-type(2) > div:nth-of-type(1) div:nth-of-type(1) {
  position: absolute;
  left: 0;
  width: 136px;
  background: #f55644;
  border-radius: 0 10px 10px 0;
  text-align: center;
}
.M-hot > div:nth-of-type(2) > div:nth-of-type(1) div:nth-of-type(1) img {
  margin-top: 15px;
  width: 89px;
}
.M-hot > div:nth-of-type(2) > div:nth-of-type(1) div:nth-of-type(2) p {
  text-align: center;
  padding-left: 136px;
}
.M-hot > div:nth-of-type(2) > div:nth-of-type(1) div:nth-of-type(2) p:nth-of-type(1) {
  font-size: 45px;
  letter-spacing: 20px;
}
.M-hot > div:nth-of-type(2) > div:nth-of-type(1) div:nth-of-type(2) p:nth-of-type(2) {
  font-size: 20px;
  letter-spacing: 6px;
}
.M-hot > div:nth-of-type(2) > p {
  margin-top: 65px;
  text-align: center;
  letter-spacing: 12px;
}
.M-discounts {
  overflow: hidden;
  width: 708px;
  height: 289px;
  margin: -145px auto 20px;
  background: url('../../img/index/m_youhuijuan.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border-radius: 10px;
  position: relative;
}
.M-discounts > p {
  text-align: center;
  font-size: 23px;
  color: #fff;
  line-height: 113px;
}
.M-discounts .M-discounts-three {
  display: none;
  overflow: hidden;
  margin: 0 auto;
  width: 660px;
  height: 108px;
  border-radius: 13px;
}
.M-discounts .M-discounts-three > div {
  width: 220px;
  height: 108px;
}
.M-discounts .M-discounts-three > div > a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 108px;
  color: #fff;
  font-size: 19px;
}
.M-discounts .M-discounts-three > div > a span {
  font-size: 25px;
  color: #fff;
}
.M-discounts .M-discounts-three > div:nth-of-type(1) {
  float: left;
  background: #bc03fd;
}
.M-discounts .M-discounts-three > div:nth-of-type(2) {
  float: left;
  background: #ee4e91;
}
.M-discounts .M-discounts-three > div:nth-of-type(3) {
  float: left;
  background: #fd7d00;
}
.M-discounts .M-discounts-two {
  overflow: hidden;
  margin: 0 auto;
  width: 660px;
  height: 108px;
  border-radius: 15px;
}
.M-discounts .M-discounts-two > div {
  width: 330px;
  height: 108px;
}
.M-discounts .M-discounts-two > div > a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 108px;
  color: #fff;
  font-size: 19px;
}
.M-discounts .M-discounts-two > div > a span {
  font-size: 25px;
  color: #fff;
}
.M-discounts .M-discounts-two > div:nth-of-type(1) {
  float: left;
  background: #bc03fd;
}
.M-discounts .M-discounts-two > div:nth-of-type(2) {
  float: left;
  background: #ee4e91;
}
.M-discounts .M-discounts-one {
  overflow: hidden;
  margin: 0 auto;
  width: 660px;
  height: 108px;
  border-radius: 13px;
}
.M-discounts .M-discounts-one > div {
  width: 660px;
  height: 108px;
  background: #fd7d00;
}
.M-discounts .M-discounts-one > div > a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 108px;
  color: #fff;
  font-size: 19px;
}
.M-discounts .M-discounts-one > div > a span {
  font-size: 25px;
  color: #fff;
}
.M-hot-bread {
  overflow: hidden;
  display: block;
  width: 708px;
  height: 390px;
  margin: 0 auto 15px;
  border-radius: 10px;
  background-image: url('../../img/index/m_backgrunder.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.M-hot-bread > div:nth-of-type(1) {
  text-align: center;
}
.M-hot-bread > div:nth-of-type(1) > img {
  width: 50%;
  height: 50%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.M-hot-bread > div:nth-of-type(2) {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.M-hot-bread > div:nth-of-type(2) > div {
  margin-left: 30px;
}
.M-hot-bread > div:nth-of-type(2) > div:nth-of-type(1) {
  margin-top: 25px;
  letter-spacing: 5px;
  font-size: 25px;
}
.M-hot-bread > div:nth-of-type(2) > div:nth-of-type(2) {
  letter-spacing: 5px;
  font-size: 20px;
  color: #b0b0b0;
}
.M-hot-bread > div:nth-of-type(2) > div:nth-of-type(3) {
  position: absolute;
  bottom: 30px;
  right: 25px;
  text-align: center;
  height: 35px;
  line-height: 35px;
  margin: 0 0 0 15px;
  padding: 0 12px 0 12px;
  font-size: 33px;
  border-radius: 5px;
}
.gengduo {
  display: block;
  width: 720px;
  height: 125px;
  margin: 0 auto 15px;
  overflow: hidden;
}
.gengduo div:nth-of-type(1) {
  float: left;
  width: 590px;
  height: 100%;
  background: #272727;
  border-radius: 10px 0 0 10px;
  line-height: 125px;
}
.gengduo div:nth-of-type(1) span {
  color: #fff;
  font-size: 23px;
}
.gengduo div:nth-of-type(1) span:nth-of-type(1) {
  letter-spacing: 10px;
  margin-left: 40px;
}
.gengduo div:nth-of-type(1) span:nth-of-type(2) {
  margin-left: 56px;
}
.gengduo div:nth-of-type(1) span:nth-of-type(3) {
  margin-left: 20px;
}
.gengduo > div:nth-of-type(2) {
  float: right;
  line-height: 125px;
  border-radius: 0 10px 10px 0;
  width: 130px;
  height: 100%;
  background: #ff3c0a;
  text-align: center;
}
.gengduo > div:nth-of-type(2) span {
  color: #fff;
  font-size: 30px;
}
.M-banner {
  display: block;
  width: 720px;
  height: 390px;
  margin: 0 auto 15px;
  position: relative;
}
.M-banner > img {
  width: 720px;
  height: 390px;
}
.M-banner > div {
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
  margin: 50px 20px 0 0;
}
.M-banner > div > p:nth-of-type(1) {
  line-height: 40px;
  font-size: 33px;
  letter-spacing: 10px;
}
.M-banner > div > p:nth-of-type(2) {
  margin-top: 10px;
  font-size: 12px;
  padding-right: 10px;
  letter-spacing: 2px;
  color: #413c28;
}
.M-banner > div > p:nth-of-type(3) {
  line-height: 50px;
  font-size: 16px;
}
.M-banner > div > p:nth-of-type(3) > span {
  font-size: 27px;
  padding-right: 10px;
}
.M-drink {
  width: 708px;
  height: 1029px;
  margin: 0 auto;
}
.M-drink > a {
  display: block;
  float: left;
  margin: 0 auto 15px;
  width: 344px;
  height: 505px;
}
.M-drink > a > div {
  width: 344px;
  height: 505px;
  border-radius: 10px;
  background-image: url('../../img/index/m_backgrunder_2.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
  text-align: center;
}
.M-drink > a > div > img {
  position: absolute;
  bottom: 0;
  left: 10%;
}
.M-drink > a > div > div {
  text-align: left;
  padding-left: 25px;
}
.M-drink > a > div > div > p:nth-of-type(1) {
  font-size: 25px;
  color: #232323;
  padding-top: 15px;
}
.M-drink > a > div > div > p:nth-of-type(2) {
  color: #b0b0b0;
  margin-top: 15px;
  font-size: 20px;
}
.M-drink > a > div > div > div {
  margin-top: 20px;
  line-height: 35px;
  font-size: 33px;
}
.M-drink > a:nth-of-type(1) {
  margin-right: 15px;
}
.M-drink > a:nth-of-type(3) {
  margin-right: 15px;
}
.M-number {
  width: 708px;
  height: 416px;
  margin: 0 auto 15px;
  background: #fff;
  border-radius: 10px;
  border: 1px solid #d9d9d9;
  background-image: url('../../img/index/m_backgrunder_3.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.M-number > P {
  text-align: center;
}
.M-number > p:nth-of-type(1) {
  letter-spacing: 5px;
  font-size: 24px;
  margin-top: 185px;
}
.M-number > p:nth-of-type(2) {
  font-size: 12px;
  margin-top: 10px;
}
.M-number > div:nth-of-type(1) {
  margin: 115px auto 0;
  line-height: 43px;
  text-align: center;
}
.M-number > div:nth-of-type(1) span {
  display: inline-block;
  vertical-align: middle;
}
.M-number > div:nth-of-type(1) > span:nth-of-type(1) {
  font-size: 19px;
}
.M-number > div:nth-of-type(1) > span:nth-of-type(2) {
  font-size: 29px;
}
.M-number > div:nth-of-type(1) > span:nth-of-type(3) {
  font-size: 16px;
  line-height: 43px;
}
.M-youhui {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.M-youhui .M-youhui-content {
  width: 420px;
  height: 660px;
  position: fixed;
  margin: auto;
  top: 50%;
  left: 50%;
  margin-top: -330px;
  margin-left: -210px;
}
.M-youhui .M-youhui-content > div:nth-of-type(1) {
  background: #fff;
  padding-top: 50px;
  border-radius: 15px;
  text-align: center;
}
.M-youhui .M-youhui-content > div:nth-of-type(1) p {
  font-size: 22px;
  letter-spacing: 1px;
  color: #c2c2c2;
}
.M-youhui .M-youhui-content > div:nth-of-type(1) img {
  margin-top: 40px;
  width: 280px;
}
.M-youhui .M-youhui-content > div:nth-of-type(1) a {
  margin-top: 20px;
  display: block;
  width: 100%;
  line-height: 100px;
  height: 100px;
  border-top: 1px solid #a0a0a0;
  color: #e53b37;
  font-size: 16px;
}
.M-youhui .M-youhui-content > div:nth-of-type(2) {
  text-align: center;
  padding-top: 40px;
}
.M-youhui .M-youhui-content > div:nth-of-type(2) span {
  color: #fff;
  font-size: 76px;
}
